//文档加载事件
$(function () {

    lunbo('#banner',420,1000,420,10,20,20,10);

    lunbo('.slider',340,428,340,10,20,20,10);
    lunbo('.slider0',204,256,204,6,12,12,6);

    function lunbo(selector,boxh,imgw,imgh,controltop,controlsW,controlsH,radius){
        $(selector).slidebox(
            {
                boxh: boxh||420,//盒子的高度
                w: imgw||1000,//图片的宽度
                h: imgh||420,//图片的高度
                isShow: true,//是否显示控制器
                isShowBtn: true,//是否显示左右按钮
                controltop: controltop||10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
                controlsW: controlsW||20,//控制按钮宽度
                controlsH: controlsH||20,//控制按钮高度
                radius: radius||10//控制按钮圆角度数
            }
        );
    }

   /*  $("#banner").slidebox(
        {
            boxh: 420,//盒子的高度
            w: 1000,//图片的宽度
            h: 420,//图片的高度
            isShow: true,//是否显示控制器
            isShowBtn: true,//是否显示左右按钮
            controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
            controlsW: 20,//控制按钮宽度
            controlsH: 20,//控制按钮高度
            radius: 10//控制按钮圆角度数
        }
    );


    $(".slider").slidebox(
        {
            boxh: 340,//盒子的高度
            w: 428,//图片的宽度
            h: 340,//图片的高度
            isShow: true,//是否显示控制器
            isShowBtn: true,//是否显示左右按钮
            controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
            controlsW: 20,//控制按钮宽度
            controlsH: 20,//控制按钮高度
            radius: 10//控制按钮圆角度数
        }
    ); */

   /*  $('.tab-title').mouseenter(function () {
        let index = $(this).index();
        $(this).addClass('active').siblings().removeClass('active')
        $('.clo-con').eq(index).addClass('current').siblings().removeClass('current')
    }) */

   /*  $('.tab-title').mouseenter(function () {
         
        $(this).addClass('active').siblings().removeClass('active')
        $('.clo-con').eq($(this).index()).addClass('current').siblings().removeClass('current')
    }) */

    $('.tab-title').mouseenter(function () {
        $(this).addClass('active').siblings().removeClass('active')
        $(this).closest('.clo-top').siblings('.clo-con').eq($(this).index()).addClass('current').siblings().removeClass('current')
    })
    
    $('.tab-title1').mouseenter(function () {
        $(this).addClass('active').siblings().removeClass('active')
        $(this).closest('.clo-top1').siblings('.tg-tb').eq($(this).index()).addClass('current').siblings().removeClass('current')
    })

    $('.tab-title0').mouseenter(function () {
        $(this).addClass('active').siblings().removeClass('active')
        $(this).closest('.clo-top0').siblings('.clo-con0').eq($(this).index()).addClass('current').siblings().removeClass('current')
    })

    // 楼层导航
    // 1.css布局，背景定位
    // 2.交互：a：鼠标移入时，把背景图片向左移动
    // 3.背景颜色处理:
    //   把每个li标签的背景放在一起

    let colorArr = ['#93D46F','skyblue','skyblue','skyblue','skyblue']
    $(".floor-nav .nav-item").hover(function(){
        let index = $(this).index() //事件源索引
        // 鼠标移入
        $(this).css({
            "background-position-x":"-40px",
            'background-color':colorArr[index],
            "width":40
    })
        
    },function(){//鼠标移出
        $(this).css({
            "background-position-x":0,
            'background-color':'',
            "width":0
    })
    }).click(function(){
        let index = $(this).index()
        console.log(index);
        let target = $('.floor').eq(index)
        console.log(target);
        let sTop = target.offset().top 
        $('html,body').stop().animate({scrollTop:sTop},300)
    })

    // 窗口滚动事件
    $(window).scroll(function(){
        let sTop = $("html,body").scrollTop() //获取文档滚动的距离
        if(sTop>=500){
            $(".topsecrch").stop().slideDown()
            $('.head1-nav').appendTo('.topsecrch .container')
        }else{
            $('.topsecrch').stop().slideUp()
            $('.head1-nav').appendTo('.head1')
        }
    })

    $('.tushu-li').mouseenter(function(){
        $(this).addClass('activ').siblings().removeClass('activ')
    })
})